<template>
  <div class="albumsHead">
      <div class="albumsTitle">
        <slot name="default"></slot>
      </div>
    <slot name="btn"></slot>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="stylus" scoped>
.albumsHead
    width 100%
    height .24rem
    line-height .24rem
    margin .1rem 0
    padding 0 0.14rem
    display flex 
    justify-content space-between
    .albumsTitle
        font-size .16rem
        >div
            display flex
            height 100%
            justify-content space-between
            align-items center
        >div:before
            content ""
            display block
            height 80%
            width 0.04rem
            background-color #000
            border-radius .04rem
            margin-right .06rem
    .albumsnav
        font-size .14rem
        color #9e9e9e
        >span 
            display flex
            align-items center
            justify-content center
            border .01rem solid #e0e0e0
            border-radius .2rem
            width .64rem
            height .24rem
            font-size .13rem
            color #757575
            text-align center
            background #fff
        >span:after
            content ""
            display block
            width .08rem
            height .08rem
            border .01rem solid #757575
            border-bottom none 
            border-left none
            transform rotate(45deg)
</style>